{% extends 'ApiCloud/Base/layout.common.html.twig' %}

{% block body %}
    {% include "ApiCloud/Base/inc.head.html.twig" with {title:"青州永通信息工程",back:0} %}
    <div style="height: 50vw">
        <mu-carousel style="height: 50vw">
            <mu-carousel-item v-for="item in banner">
                <img :src="item">
            </mu-carousel-item>
        </mu-carousel>
    </div>
    <div class="pad3 bc13 ">
        <div class="bcf round30 pad3 flrc">
            <div class="material-icons c12">announcement</div>
            <div class="flex1 ofe fs8 op8 red">
                <span class=""> [ 最新公告 ] </span>
                <span>永通在线APP即将上线，开启在线办公的新时代,请各部门扫描二维码下载</span>
            </div>
        </div>
    </div>

    {#人事管理#}
    <div class="round10 pad3 mar3 op9">

        <div class="bcf round3 padl4 padr4 padt3 padb3">
            <div class="c2 marl5 fs10 pad2 flrc">
                <mu-button icon small><mu-icon value="flip_to_back"></mu-icon></mu-button>
                <span class="flex1">人事管理</span>
                <mu-button v-if="groups1"
                           @click="setstatus1()"
                           icon small><mu-icon value="expand_less"></mu-icon></mu-button>
                <mu-button v-if="!groups1"
                           @click="setstatus1()"
                           icon small><mu-icon value="expand_more"></mu-icon></mu-button>
            </div>
        </div>

        <div class="flex-r flex-wrap pad5 fs8 bcf round3 mart1" v-if="groups1" >
            <div class="flex-c flex-center w25 padt5 padb5" @click="goto('userSign',{type:'in'})">
                <div class="indexItemOne flex-r flex-center">
                    <div class="indexItemIcon round3 jb01 flex-center c13 fs18" >
                        <span class="fa fa-user-plus"></span>
                    </div>
                </div>
                <div class="pad3">
                    <div class="c11 op7 ">签到</div>
                    <div class=""></div>
                </div>
            </div>

            <div class="flex-c flex-center w25 padt5 padb5" @click="goto('userSign',{type:'out'})">
                <div class="indexItemOne flex-r flex-center">
                    <div class="indexItemIcon round3 jb02 flex-center c13 fs18" >
                        <span class="fa fa-user-times"></span>
                    </div>
                </div>
                <div class="pad3">
                    <div class="c11 op7 ">签退</div>
                    <div class=""></div>
                </div>
            </div>

            <div class="flex-c flex-center w25 padt5 padb5" @click="goto('userSignSum')">
                <div class="indexItemOne flex-r flex-center">
                    <div class="indexItemIcon round3 jb03 flex-center c13 fs18" >
                        <span class="fa fa-calendar"></span>
                    </div>
                </div>
                <div class="pad3">
                    <div class="c11 op7 ">出勤统计</div>
                    <div class=""></div>
                </div>
            </div>
        </div>
    </div>

    {#工程任务#}
    <div class="round10 pad3 mar3 op9">
        <div class="bcf round3 padl4 padr4 padt3 padb3">
            <div class="c2 marl5 fs10 pad2 op9 flrc">
                <mu-button icon small><mu-icon value="flip_to_back"></mu-icon></mu-button>
                <span class="flex1">工程任务</span>
                <mu-button v-if="groups2"
                           @click="setstatus2()"
                           icon small><mu-icon value="expand_less"></mu-icon></mu-button>
                <mu-button v-if="!groups2"
                           @click="setstatus2()"
                           icon small><mu-icon value="expand_more"></mu-icon></mu-button>
            </div>
        </div>
        <div class="flex-r flex-wrap pad5 fs8 bcf round3 mart1" v-if="groups2" >
            <div class="flex-c flex-center w25 padt5 padb5" @click="goto('siteInfo')">
                <div class="indexItemOne flex-r flex-center">
                    <div class="indexItemIcon round3 jb01 flex-center c13 fs20" >
                        <mu-icon value="playlist_add"></mu-icon>
                    </div>
                </div>
                <div class="pad3">
                    <div class="c11 op7 ">项目录入</div>
                    <div class=""></div>
                </div>
            </div>

            <div class="flex-c flex-center w25 padt5 padb5" @click="goto('siteArrange')">
                <div class="indexItemOne flex-r flex-center">
                    <div class="indexItemIcon round3 jb02 flex-center c13 fs18" >
                        <mu-icon value="device_hub"></mu-icon>
                    </div>
                </div>
                <div class="pad3">
                    <div class="c11 op7 ">项目分发</div>
                    <div class=""></div>
                </div>
            </div>

            <div class="flex-c flex-center w25 padt5 padb5" @click="goto('siteMatter')">
                <div class="indexItemOne flex-r flex-center">
                    <div class="indexItemIcon round3 jb04 flex-center c13 fs20" >
                        <span class="fa material-icons">settings_input_component</span>
                    </div>
                </div>
                <div class="pad3">
                    <div class="c11 op7 ">设计用料</div>
                    <div class=""></div>
                </div>
            </div>

            <div class="flex-c flex-center w25 padt5 padb5" @click="goto('siteSteps')">
                <div class="indexItemOne flex-r flex-center">
                    <div class="indexItemIcon round3 jb05 flex-center c13 fs20" >
                        <div class="material-icons">wrap_text</div>
                    </div>
                </div>
                <div class="pad3">
                    <div class="c11 op7 ">项目流转</div>
                    <div class=""></div>
                </div>
            </div>

            <div class="flex-c flex-center w25 padt5 padb5" @click="goto('siteOtherInfo')">
                <div class="indexItemOne flex-r flex-center">
                    <div class="indexItemIcon round3 jb06 flex-center c13 fs20" >
                        <div class="material-icons">assignment</div>
                    </div>
                </div>
                <div class="pad3">
                    <div class="c11 op7 ">送审信息</div>
                    <div class=""></div>
                </div>
            </div>
        </div>
    </div>
    {#资产物料#}
    <div class="round10 pad3 mar3 op9">
        <div class="bcf round3 padl4 padr4 padt3 padb3">
            <div class="c2 marl5 fs10 pad2 op9 flrc">
                <mu-button icon small><mu-icon value="flip_to_back"></mu-icon></mu-button>
                <span class="flex1">资产物料</span>
                <mu-button v-if="groups3"
                           @click="setstatus3()"
                           icon small><mu-icon value="expand_less"></mu-icon></mu-button>
                <mu-button v-if="!groups3"
                           @click="setstatus3()"
                           icon small><mu-icon value="expand_more"></mu-icon></mu-button>
            </div>
        </div>
        <div class="flex-r flex-wrap pad5 fs8 bcf round3 mart1" v-if="groups3" >
            <div class="flex-c flex-center w25 padt5 padb5" @click="goto('matterLog')">
                <div class="indexItemOne flex-r flex-center">
                    <div class="indexItemIcon round3 jb01 flex-center c13 fs18" >
                        <span class="fa fa-user-plus"></span>
                    </div>
                </div>
                <div class="pad3">
                    <div class="c11 op7 ">物料出入库</div>
                    <div class=""></div>
                </div>
            </div>
            <div class="flex-c flex-center w25 padt5 padb5" @click="goto('fixed')">
                <div class="indexItemOne flex-r flex-center">
                    <div class="indexItemIcon round3 jb02 flex-center c13 fs18" >
                        <span class="fa fa-user-times"></span>
                    </div>
                </div>
                <div class="pad3">
                    <div class="c11 op7 ">固定资产</div>
                    <div class=""></div>
                </div>
            </div>
            <div class="flex-c flex-center w25 padt5 padb5" @click="goto('matters')">
                <div class="indexItemOne flex-r flex-center">
                    <div class="indexItemIcon round3 jb04 flex-center c13 fs20" >
                        <span class="fa material-icons">settings_input_component</span>
                    </div>
                </div>
                <div class="pad3">
                    <div class="c11 op7 ">物料录入</div>
                    <div class=""></div>
                </div>
            </div>
        </div>
    </div>
    {#车辆管理#}
    <div class="round10 pad3 mar3 op9">
        <div class="bcf round3 padl4 padr4 padt3 padb3">
            <div class="c2 marl5 fs10 pad2 op9 flrc">
                <mu-button icon small><mu-icon value="flip_to_back"></mu-icon></mu-button>
                <span class="flex1">车辆管理</span>
                <mu-button v-if="groups4"
                           @click="setstatus4()"
                           icon small><mu-icon value="expand_less"></mu-icon></mu-button>
                <mu-button v-if="!groups4"
                           @click="setstatus4()"
                           icon small><mu-icon value="expand_more"></mu-icon></mu-button>
            </div>
        </div>
        <div class="flex-r flex-wrap pad5 fs8 bcf round3 mart1" v-if="groups4" >
            <div class="flex-c flex-center w25 padt5 padb5" @click="goto('carLog')">
                <div class="indexItemOne flex-r flex-center">
                    <div class="indexItemIcon round3 jb01 flex-center c13 fs18" >
                        <span class="fa fa-user-plus"></span>
                    </div>
                </div>
                <div class="pad3">
                    <div class="c11 op7 ">用车记录</div>
                    <div class=""></div>
                </div>
            </div>
            <div class="flex-c flex-center w25 padt5 padb5" @click="goto('fuelLog')">
                <div class="indexItemOne flex-r flex-center">
                    <div class="indexItemIcon round3 jb02 flex-center c13 fs18" >
                        <span class="fa fa-user-plus"></span>
                    </div>
                </div>
                <div class="pad3">
                    <div class="c11 op7 ">加油申请</div>
                    <div class=""></div>
                </div>
            </div>
            <div class="flex-c flex-center w25 padt5 padb5" @click="goto('fuelCheck')">
                <div class="indexItemOne flex-r flex-center">
                    <div class="indexItemIcon round3 jb04 flex-center c13 fs18" >
                        <span class="fa fa-user-times"></span>
                    </div>
                </div>
                <div class="pad3">
                    <div class="c11 op7 ">加油审核</div>
                    <div class=""></div>
                </div>
            </div>
            <div class="flex-c flex-center w25 padt5 padb5" @click="goto('cars')">
                <div class="indexItemOne flex-r flex-center">
                    <div class="indexItemIcon round3 jb05 flex-center c13 fs20" >
                        <span class="fa material-icons">settings_input_component</span>
                    </div>
                </div>
                <div class="pad3">
                    <div class="c11 op7 ">车辆管理</div>
                    <div class=""></div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
